﻿body 
{ 
	margin:0; 
	padding:0; 
	height:100%; /* this is the key! */ 
	background:white;
}

div#wrapper 
{ 
	position:absolute; 
	left:0; 
	top:0; 
	padding:0; 
	width:100%; 
	height:100%; /* works only if parent container is assigned a height value */ 
	color:#333; 
	background:white;  
} 

div#north
{
    width: 100%;
    height:8%;
	padding-top:1%;
	font-size:xx-large;
    float: left;
    text-align:center;
}

div#center
{
    width: 100%;
    float: left;
}

.Explain
{
	float:left;
	width:100%;
	height:8%;
	text-align:center;
	padding-top:1%;
	font-size:xx-large;
}

.FilmChoice
{
	width: 16%;
	height: 100%;
	padding:1%;
	border:1px solid #000000;
	float:left;
	margin-top:1%;
	margin-left:1.6%;
}

.FilmClickHandler
{
	float:left;
	height:70%;
	width:16%;
	margin-top:1%;
	margin-left: -18%;
	padding:1%;
	/* border:1px solid #FF0000; */
}

.FilmTitle
{
	float:left;
	width:100%;
	min-height:1%;
	text-align:center;	
}

.FilmTimeAndPlace
{
	float:left;
	width:100%;
	min-height:1%;
	margin-top:5%;
}

.FilmPreviewImage
{
	float:left;
	width:100%;
	height:50%;
	margin-top:5%;
	border:1px solid #000000;
}

.FilmLanguage
{
	float:left;
	width:100%;
	min-height:1%;
	margin-top:5%;
}

.FilmParentGuide
{
	float:left;
	width:100%;
	min-height:1%;
	margin-top:5%;
}



.Flag
{
	float:left;
	margin:2%;
}

.ButtonNextPrevious
{
	clear:both;
	float:left;
	margin-top:1%;
	width:100%;
	height:10%;
}

.ButtonWizard
{
	font-size:medium;
	font-weight:bold;
}

.ButtonLaterNext
{
	font-size:large;
	font-weight:bold;
}

div#west
{
	width:20%;
	height:70%;
	float:left;
	border:1px solid #00ff00;
}

/* Stap2 */
.FilmOverview
{
	float:left;
	width:15%;
	height:80%;
	border:1px solid #000000;
	margin-top:1%;
	margin-left:1%;
	padding:1%;
}

.StapContent
{
	float:left;
	width:76%;
	height:80%;
	border:1px solid #000000;
	margin:1%;
	padding:1%;
}

/* Stap 3 */
.ButtonCancelPlaceHolder
{
	clear:both;
	float:left;
	width:100%;
	height:10%;
	margin:1%;
	font-weight:bold;
	font-size:large;
	
}

.LabelNoSeats
{
    font-weight:bold;
	font-size:20px;
}


/* Stap 5 */
div#PaidMessage
{
    width: 100%;
    text-align: center;
    font-weight:bold;
	font-size:20px;
}

.Kaartje
{
    text-align: left;
    font-size:20px;
    margin: 1%;
    padding: 1%;
    float: left;
    height: 50%;
    width: 50%;
}

div#Printen
{
    width: 100%;
    height: 50%;
    float: left;
}

.Printen
{
    width: 80%;
    height: 55px;
    font-weight: bold;
    margin-left: 10%;
    margin-right: 10%;
}


/* Fonts */
.FilmTilteText
{
	font-weight:bold;
	font-size: large;
}

.StapContentText
{
	font-weight:bold;
	font-size:20px;
	margin-left:auto;
	margin-right:auto;
	width:100%
}

.FloatLeft
{
	float:left;
	margin-left:1%;
}

.FloatRight
{
	float:right;
	margin-right:1%;
}
.imagepadding
{
    margin-left: 5px;
}    
.pinbutton
{
    width: 100px; 
    height: 80px; 
    font-size: 30px;
}  
.pinbuttonbig
{
    width: 200px;
    height: 80px; 
    font-size: 30px;
    margin-left: 10px;
    font-weight: bold; 
}   
.pincodeinput
{
    height: 40px; 
    font-size: 30px; 
    margin: 20px 0px 10px -185px; 
    width: 300px; 
    text-align: center; 
    padding-top: 5px; 
}  
table.stap4
{
    width: 400px; 
    margin-left: 30px
} 